<template>
  <div :class="[`${prefixCls}toast__container`]">{{ message }}</div>
</template>

<script lang='ts'>
import Vue from 'vue'
import { prefixCls } from '../../config/common.ts'

export default Vue.extend({
  name: 'ClToast',
  data () {
    return {
      prefixCls: prefixCls
    }
  },
  props: {
    message: {
      type: String,
      default: ''
    }
  }
})
</script>

<style lang="scss">
.cl-toast__container {
  padding: 10px;
  color: #fff;
  background-color: rgba(0,0,0,.5);
}
</style>
